<template>
  <div>
    <div>
      <chat-head></chat-head>
    </div>
    <chat-body :grouped-messages="groupedMessages"></chat-body>
  </div>
</template>

<script>
import ChatHead from '@/components/ChatHead'
import ChatBody from '@/components/ChatBody'
import { mapGetters } from 'vuex'

export default {
  components: {
    ChatHead,
    ChatBody
  },
  computed: {
    ...mapGetters({
      groupedMessages: 'conversation/getGroupedConversation'
    })
  },
  data () {
    return {
      questions: []
    }
  },
  created () {
  },
  methods: {
  }
}
</script>

<style>
.question-previews .list-group-item {
  cursor: pointer;
}
</style>
